<template>
  <div class="help1">
   <headerNav>
         <div class="return" @click="returnBack"></div>
         <div class="help">帮助中心</div>
   </headerNav>
   <ul class="help_nav clearfloat">
     <li class="blue" @click="goHelpAnswer('borrow')">借款问题</li>
     <li class="yellow" @click="goHelpAnswer('still')">还款问题</li>
     <li class="green" @click="goHelpAnswer('authentication')">认证提额</li>
     <li class="qing" @click="goHelpAnswer('other')">其他问题</li>
   </ul>
   <div class="hot_answer">
     <img src="http://file.rzkeji.com/web/loveciy/img/tabBar/circle.png"/>
     <div>热门话题</div>
   </div>
   <answerList></answerList>
  </div>
</template>

<script>
import headerNav from '@/components/header_nav'
import answerList from '@/components/answerList'
export default {
  name: 'feedback',
  components:{
    headerNav,
    answerList
  },
  data () {
    return {
    }
  },
  mounted(){
  },
  methods:{
    goHelpAnswer(type){
      this.$router.push({ path: 'help/answerList', query: { type: type }})
    },
    returnBack(){
      this.$router.go(-1)
    }
  }
}
</script>
<style scoped>
.help1{width: 100%;height: 100%;background-color: #f0f0f0;margin-top: 56px;}
.help1 div.help{width: 100%;height: 100%;line-height: 50px;text-align: center;font-size: 18px;color: #fff;background-image: linear-gradient(-180deg,#3583f1,#1862E2);border-bottom: 1px solid #3583f1;}
.feedback{width: 100%;height: 100%;line-height: 50px;text-align: center;font-size: 18px;color: #fff;background-image: linear-gradient(-180deg,#3583f1,#1862E2);border-bottom: 1px solid #3583f1;}
.help_nav li{  width: 170.5px;height: 80px;float: left;margin-left: 10px;margin-top: 10px;text-align: center;line-height: 80px;color: #fff;font-size: 20px;border-radius: 5px;}
.hot_answer{width: 100%;height: 50px;display: flex;margin-top: 10px;}
.hot_answer img{width: 30px;height: 30px;margin-top: 10px;margin-left: 10px;}
.hot_answer div{line-height: 50px;color: #4a90e2;line-height: 50px;font-size: 18px;margin-left: 5px;}
.blue{background-color: rgb(74, 144, 226);}
.yellow{background-color: rgb(245, 166, 35);}
.green{background-color: rgb(184, 233, 134);}
.qing{background-color: rgb(80, 227, 194);}
</style>
